<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script src="js/colpick.js" type="text/javascript"></script>
	<link rel="stylesheet" href="css/colpick.css" type="text/css"/>
</head>
<body>

	<!-- <button id="picker">Show Color Picker</button>
	
	<div ></div> -->
	<input type="text" id="picker">

	<script type="text/javascript">
		$(function(){
			$('#picker').colpick({
				layout:'hex',
				submit:0,
				colorScheme:'dark',
				onChange:function(hsb,hex,rgb,el,bySetColor) {
					$(el).css('border-color','#'+hex);
					if(!bySetColor) $(el).val(hex);
				}
			}).keyup(function(){
				$(this).colpickSetColor(this.value);
			});
		});
	</script>

</body>
</html>